<!--车辆统计-->
<template>
    <div class="SecuritySiderLeft">
        <common-border-large width="100%" height="80%" text="车辆统计">
            <!--车辆进出统计-->
            <CustomSecuritySiderLeftCarCensus></CustomSecuritySiderLeftCarCensus>
            <!--近7天车辆进出统计-->
            <CustomSecuritySiderLeftCarInOut></CustomSecuritySiderLeftCarInOut>
            <!--各卡口车辆出入数量及占比-->
            <CustomSecuritySiderLeftCarProportion></CustomSecuritySiderLeftCarProportion>
            <!--园区当前车辆-->
            <CustomSecuritySiderLeftCarCurrent></CustomSecuritySiderLeftCarCurrent>
        </common-border-large>
        <!--电子巡更-->
        <common-border-large width="100%" height="20%" text="电子巡更" class="Electronics">
            <CustomSecuritySiderLeftElectronicPatrol></CustomSecuritySiderLeftElectronicPatrol>
        </common-border-large>
    </div>
</template>
<script lang="ts" setup></script>

<style scoped lang="scss">
.SecuritySiderLeft {
    height: 100%;
    .Electronics {
        margin-top: 10px;
        height: calc(20% - 10px) !important;
    }
}
</style>
